/* 全局 */
#app, body, html { width: 100%; height: 100%; background-color: #f6f8f9; font-size: 12px; }
a { color: #333; text-decoration: none; }
a:hover, a:focus { color: #000; text-decoration: none; }
a:link { text-decoration: none; }
a:-webkit-any-link { text-decoration: none; }
a, button, input, textarea { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); box-sizing: border-box; outline: none !important; -webkit-appearance: none; }
* { margin: 0; padding: 0; box-sizing: border-box; outline: none; }

/* 大布局样式 */
.aminui { display: flex; flex-flow: column; }
.aminui-wrapper { height: calc(100% - 58px); display: flex; flex: 1; overflow: auto; }


/* 头部 */
.adminui-header { height: 58px; background: var(--el-color-primary); color: #fff; display: flex; justify-content: space-between; }
.adminui-header-left { display: flex; align-items: center; padding-left: 20px; }
.adminui-header-right { display: flex; align-items: center; }
.adminui-header .logo-bar { font-size: 20px; font-weight: bold; display: flex; align-items: center; }
.adminui-header .logo-bar .logo { margin-right: 10px; width: 35px; height: 35px; }

/* 左侧菜单 */
.adminui-side-container { border-right: solid 1px #ebeef5; background-color: #fff; }
.adminui-side-scroll { overflow: auto; overflow-x: hidden; height: calc(100% - 50px); }
.adminui-side-bottom { border-top: 1px solid #ebeef5; height: 50px; cursor: pointer; display: flex; align-items: center; justify-content: center; background-color: #fff; }
.adminui-side-bottom i { font-size: 16px; }

/* 右侧内容 */
.adminui-main { flex: 1; display: flex; flex-flow: column;  overflow: auto; overflow-x: hidden;}

/* 全局滚动条样式 */
.scrollable { -webkit-overflow-scrolling: touch; }
::-webkit-scrollbar { width: 5px; height: 5px; }
::-webkit-scrollbar-thumb { background-color: rgba(50, 50, 50, 0.3); }
::-webkit-scrollbar-thumb:hover { background-color: rgba(50, 50, 50, 0.6); }
::-webkit-scrollbar-track { background-color: rgba(50, 50, 50, 0.1); }
::-webkit-scrollbar-track:hover { background-color: rgba(50, 50, 50, 0.2); }